<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="btn">1</div>
</body>
</html>
<script src="./jquery.min.js"></script>
<script>
    $(".btn").click(function(){
        $.ajax({
        // type:"post",
        url:"http://jsonplaceholder.typicode.com/todos",
        // dataType:"json",
        // data:{},  //   无参数 无需
        success:function(data){
             console.log(data)                      //返回数据 
           var ul = $("<ul></ul>")                  //创建ul
           for(var i=0;i<data.length;i++){          //遍历返回的数组元素 
                var user = data[i];                 //得到数组中的每一个元素 
                var li = "<li>"+user.title+"</li>"  //创建里         
                ul.append(li)                       //把li 元素 放到ul里
                $("body").append(ul)                //将元素设置到body中    
            }
        }
    })
    })
   
</script>